<template>
  <div>
    <button type="button" @click="count = count + 1">{{ count }}</button>

    <button type="button" @click="add">{{ count }}</button>
    <button type="button" @click="add1('小飞棍来了')">{{ count }}</button>

    <a href="http//www.taobao.com" @click="fn1">qutaobao</a>
    <a href="http//www.taobao.com" @click="fn1($event)">qutaobao</a>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      count: 9,
    };
  },
  computed: {},
  watch: {},
  created() {},
  methods: {
    add() {
      this.count += 1;
    },
    add1(num) {
      this.count += num;
    },
    fn1(e) {
      console.log(e);
      e.preventDefault();
    },
  },
};
</script>

<style scoped></style>
